<%-- 
    Document   : RHH_CALENDARIO_EMPRESA
    Created on : 21-nov-2014, 15:37:25
    Author     : equipo_4
--%>

<%@page import="java.util.List"%>
<%@page import="RRHH_Modelo.RHH_CARGO"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page import="CONTABILIDAD_MODELO.CON_FECHA_CIERRE"%>
<%@page import="RRHH_Modelo.RHH_TIPO_DIA"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_CALENDARIO_EMPRESA"%>
<%@page import="java.util.GregorianCalendar"%>
<%@page import="java.util.Calendar"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="../css/NuevoStilo.css">
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
        <script src="../js/jquery.ui.touch-punch.js" type="text/javascript"></script>
        <title>BROKER</title>
        
        <%
            RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));
            Conexion con = new Conexion(usuario.getPASSWORD(), usuario.getPASSWORD());               
            
            CON_FECHA_CIERRE fecha = new CON_FECHA_CIERRE();
            fecha.setCon(con); 

            int mes=fecha.mesActual();
            int ano=fecha.anoActual();
        %>
    </head>
    <body>        
        <div id="tituloFormulario">CALENDARIO</div>
        
        <select name="mes">
            <option value="1">ENERO</option>
            <option value="2">FEBRERO</option>
            <option value="3">MARZO</option>
            <option value="4">ABRIL</option>
            <option value="5">MAYO</option>
            <option value="6">JUNIO</option>
            <option value="7">JULIO</option>
            <option value="8">AGOSTO</option>
            <option value="9">SEPTIEMBRE</option>
            <option value="10">OCTUBRE</option>
            <option value="11">NOVIEMBRE</option>
            <option value="12">DICIEMBRE</option>
        </select>
        <span style="font-size: 20px;"><span onclick="bajarano();">(-)</span><span id="ano">2014</span><span onclick="subirano();">(+)</span></span><br>
        <div style="display: inline-block; float: left;">
            <ul>
            <%
                List<RHH_CARGO> lista_cargos = new RHH_CARGO(con).Todos();
                for (int i = 0; i < lista_cargos.size(); i++) 
                {
                    out.print("<li onclick='cambiocargo("+lista_cargos.get(i).getID()+");'>"+lista_cargos.get(i).getDESCRIPCION()+"</li>");
                }
            %>
            </ul>
        </div>
        <table id="tabla" style="width: 80%; margin-left: 20px;height: 600px; float: left; text-align: center;">
            
        </table>
        <div id="popUpbackGround" onclick="cerrartodo();"></div>    
        <div class="popupg" id="cargos">            
            <div style="font-size: 25px;">
                <span>HORA_INICIO:</span><input type="text" value="01:00" name="hini"/><br>
                <span>HORA_FIN:</span><input type="text" value="00:00" name="hfin"/><br>
            </div>
            <h1 id="titulo" style="font-size: 18px; font-weight: bolder; ">Seleccion el tipo de Dia</h1>
            <ul id="tipos">
            </ul>
            <div onclick="agregartipo();" id="mas">(+)</div>
            <div id="addtipo" style="display: none;">
                <input type="text" name="desc" placeholder="DESCRIPCION"/>
                <select name="tipoActividad">
                    <option value="0">Trabajo</option>
                    <option value="1">Descanzo</option>
                </select>
                <input type="color" name="color" />
                <input type="button" value="Insertar" name="guardar" onclick="guardartipo();"/>
            </div>
        </div>              
        
        <script type="text/javascript">
            var url = "../RHH_CALENDARIO_CARGO_CONTROLLER";
            var ano = <%out.print(ano);%>
            var mes = <%out.print(mes);%>
            var dia = 0;
            var idcargo= -1;
            var meses = ["ENERO","FEBRERO","MARZO","ABRIL","MAYO","JUNIO","JULIO","AGOSTO","SEPTIEMBRE","OCTUBRE","NOVIEMBRE","DICIEMBRE"];
            
            $(document).ready(function(){
                $("select[name=mes] option[value="+mes+"]").attr("selected","selected");
                $("#ano").text(ano);
                cargartabla();                   
             });
             
             function cargartabla()
             {
                $.post(url,{evento:"cambiomes", mes:mes, ano:ano,idcargo:idcargo},function (responsetext){
                    $("#tabla").html(responsetext);
                    cargartipos();
                });
             }
             
             function eliminar(id,span)
             {
                 $.post(url,{evento:"eliminarActividadCargo", id:id},function (responsetext){
                    if(responsetext=="true")
                        $(span).parent().remove();
                });
             }
             
             function cargartipos()
             {
                $.post(url,{evento:"cargatipos"},function (responsetext){
                    $("#tipos").html(responsetext);
                });
             }
             
             $("select[name=mes]").change(function (){
                mes = $("select[name=mes] option:selected").val();
                cargartabla();
              });                 
             
             
            function bajarano()
            {
                ano=ano-1;
                $("#ano").text(ano);
                cargartabla();
            }           
            function subirano()
            {
                ano=parseInt(ano)+1;
                $("#ano").text(ano);
                cargartabla();
            }           
            
            function cambiardia(id)
            {
                $.post(url,{evento:"cambiartipo",idtipo:id,dia:dia,mes:mes,ano:ano,hini:$("input[name=hini]").val(),hfin:$("input[name=hfin]").val(),idcargo:idcargo},function (responsetext){                    
                    if(responsetext=="false")
                    {
                        alert("seleccione un cargo");
                    }
                    else
                    {
                        $(tdselect).parent().append(responsetext);
                    }
                    $("#cargos").css("display","none");
                    $("#popUpbackGround").css("display","none");
                });                
            }
            
            var tdselect = null;
            function addDia(td,dias)
            {               
                if(idcargo>0)
                {
                    tdselect=td;
                    dia = dias;
                    var fec = dia+"/"+mes+"/"+ano;                
                    $("#fecha").text(fec);
                    $("#cargos").css("display","block");
                    $("#popUpbackGround").css("display","block");
                }
                else
                {
                    alert("seleccion un cargo");
                }
            }
            
            
            var avierto =false;
            function agregartipo()
            {
                if(avierto)
                {
                    $("#mas").text("(+)");
                    $("#addtipo").css("display","none");
                    avierto=false;
                    $("input[name=desc]").val("");
                    $("input[name=color]").val("");
                }                
                else
                {
                    $("#mas").text("(-)");
                    $("#addtipo").css("display","");
                    avierto=true;
                }
            }
            
            function guardartipo()
            {
                var desc= $("input[name=desc]").val();
                var color = $("input[name=color]").val();
                var tipoActividad = $("select[name=tipoActividad] option:selected").val();
                $.post(url,{evento:"creartipo",desc:desc,color:color,tipo:tipoActividad},function (responsetext){                    
                    $("#tipos").append(responsetext);
                    $("#mas").text("(+)");
                    $("#addtipo").css("display","none");
                    avierto=false;
                    $("input[name=desc]").val("");
                    $("input[name=color]").val("");
                });             
            }
            
         
            function cerrartodo()
            {
                $("#fines").css("display","none");
                $("#addtipo").css("display","none");
                $("#cargos").css("display","none");                
                $("#popUpbackGround").css("display","none");
            }
            
            function cambiocargo(idcargos)
            {
                idcargo = idcargos;
                cargartabla();
            }
        </script>
    </body>
</html>
